<template>
    <div class="content-header">
        <div class="content-header-left"></div>
        {{ title }}
    </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';

const props = defineProps({
    title: {
        type: String,
        required: true
    }
})
const title = ref(props.title)
</script>
<style lang="less">
.content-header {
    height: 25px;
    margin: 5px 0 15px 0;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    color: rgb(150, 150, 150);

    .content-header-left {
        height: 100%;
        width: 8px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #63686d;
    }
}
</style>